<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>normal</title>
</head>
<body>
<div class="normalContainer">
    <canvas id="normalConvert" style="width: 100%; height: 100%"></canvas>
</div>
</body>

<script type="module" src="./index.js"></script>

<style>
    .normalContainer {
        display: flex;
        display: -webkit-flex; /* Safari */
        flex-direction: column;
        margin: auto;
        /* text-align: center; */
        position: fixed; /* 让元素脱离文档流 */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; /* 将元素的边界设置为距离视口的距离 */
    }
</style>
</html>
